/* ROMEX — Logo Size v3
   Larger logo, while keeping the existing header layout stable.
*/

.ab-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

.ab-logo img {
  width: 200px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 76px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .ab-logo img {
    width: 175px !important;
    max-height: 70px !important;
  }
}

/* Mobile — noticeably larger for clearer branding */
@media (max-width: 767px) {
  .ab-logo img {
    width: 145px !important;
    max-height: 64px !important;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .ab-logo img {
    width: 135px !important;
    max-height: 60px !important;
  }
}